.App {
	text-align: center;
}

.App-logo {
	/* animation: App-logo-spin infinite 20s linear; */
	height: 40vmin;
	pointer-events: none;
}

.App-header {
	background-color: #282c34;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: calc(10px + 2vmin);
	color: white;
}

.App-link {
	color: #61dafb;
}

.App-header-btn {
	margin-top: 10px;
	background-color: #ff0000;
	/* height: 100px; */
	width: 150px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: calc(10px + 2vmin);
}
.App-header-green-btn {
	margin-top: 10px;
	background-color: #00ff00;
	/* height: 100px; */
	width: 150px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: calc(10px + 2vmin);
}

@keyframes App-logo-spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
